<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <style type="text/css">
  .ui-datepicker { width: 12em; padding: .2em .2em 0; display: none; }
.ui-datepicker table {width: 100%; font-size: .7em; border-collapse: collapse; margin:0 0 .4em; }
td{text-align:left}
</style>

  <link rel="stylesheet" type="text/css" href="css/jquery.ptTimeSelect.css" />
<script type="text/javascript" src="js/jquery.ptTimeSelect.js"></script>
<script>
$(function() {
	$( "#datepicker" ).datepicker({ minDate: new Date(), maxDate: "+1M +10D" });
	$('#timepicker').ptTimeSelect();
});

</script>
</head>
<body align="center">
<form action="create_event.action" method="post">
<table>
<tr align="center"><td colspan="2"><s:actionmessage/></td></tr>
<tr>
<td>Event Name: </td><Td><input type="text" required="true" maxlength="50"  name="event_name"/></Td></tr>
<tr>
<td>Event Description: </td><Td><input type="text" required="true" name="event_description"/></Td></tr>
<tr>
<td>Location: </td><Td><input type="text" required="true" name="event_location"/></Td></tr>

<tr>
<td>Date:  </td><Td><input type="text" required="true" name="event_date" id="datepicker"/></Td></tr>
<tr>
<td>Time: </td><td><input type="text" required="true" name="event_time" id="timepicker"/></td></tr>
<tr><td colspan="2" align="center"><input type="submit" value="Create Event" /></td></tr>
</table>

</form>

</body>
</html>